<!DOCTYPE HTML>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="common/css/default.css" />
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
        <script src="common/js/jquery.maskedinput.min.js"></script>
        <title>
            Envio de LOGs - 56º JOTA - 2013
        </title>

        <!-- jQuery Form Validation code -->
        <!-- <script>

            // When the browser is ready...
           $(function() {
                
                $("#cep").mask("99999-999");

                // Setup form validation on the #register-form element
                $("#formjota").validate({
                    // Specify the validation rules
                    rules: {
                        indicativo: "required",
                        classe: "required",
                        nome: "required",
                        endereco: "required",
                        bairro: "required",
                        cidade: "required",
                        estado: "required",
                        cep: "required",
                        ddd: {
                            required: true,
                            minlength: 2,
                            maxlength: 2
                        },
                        telefone: {
                            required: true,
                            minlength: 8,
                            maxlength:9
                        },
                        celular: {
                            required: true,
                            minlength: 8,
                            maxlength:9
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        sigla: "required",
                        pontos: "required",
                        paises: "required",
                        totalpaises: "required",
                        indicativojota: "required",
                        logjota: "required"
                    },
                    // Specify the validation error messages
                    /*messages: {
                        firstname: "Please enter your first name",
                        lastname: "Please enter your last name",
                        password: {
                            required: "Please provide a password",
                            minlength: "Your password must be at least 5 characters long"
                        },
                        email: "Please enter a valid email address",
                        agree: "Please accept our policy"
                    },*/
                    submitHandler: function(form) {
                        form.submit();
                    }
                });

            });

        </script> -->

    </head>

    <body>
        <div id="content">
            <div class="form-item width-100" style="text-align: center;">
                <img src="common/images/2013-10-27JOTARelatrioRApq.gif" />
            </div><br/><br/>
            <div class="form-item width-100" style="text-align: center;">
                <span style="color: purple">Antes de preencher este RELATÓRIO DE ESTAÇÃO, você precisará preparar os seus LOGs, através do N1MM, no formato Cabrillo.<br />
                    Veja todos os campos primeiro e depois, quando souber tudo, preencha e envie seu Relatório. </span><br /><br />
                <span style="color: red; font-weight: bold;">Preencha com CALMA e ATENÇÃO, para não cometer erros, todos os campos abaixo. </span>
            </div>
            <hr />
            <form id="formjota" name="formjota" action="envia.php" method="POST">
                <div class="form-item title">
                    01 - DADOS CADASTRAIS DA ESTAÇÃO
                </div>
                <div class="form-line">
                    <div class="form-item width-25">
                        <label class="label-top">Indicativo</label>
                        <input type="text" name="indicativo" placeholder="PT2CM">
                        <label class="label-sub">Ex: PT2CM</label>
                    </div>

                    <div class="form-item width-25">
                        <label class="label-top">CLASSE</label>
                        <select name="classe">
                            <option value="">Selecione</option>
                            <option value="A">A Radioamador</option>
                            <option value="B">B Radioamador</option>
                            <option value="C">C Radioamador</option>
                            <option value="G">G Grêmio/Clube</option>
                        </select>
                        <label class="label-sub">A, B, C ou G (clube)</label>
                    </div>

                    <div class="form-item width-50">
                        <label class="label-top">Nome do Radioamador ou Grêmio</label>
                        <input type="text" name="nome" placeholder="Grupo Escoteiro Caio Martins">
                        <label class="label-sub">Preencha com maiúsculas e minúsculas.</label>
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-75">
                        <label class="label-top">Endereço da Estação / Caixa Postal</label>
                        <input type="text" name="endereco" placeholder="Rua Dr. Casmurro, 3455">
                        <label class="label-sub">Rua, Avenida, Alameda, Estrada, etc...</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Bairro</label>
                        <input type="text" name="bairro" placeholder="Jd Nestor">
                        <label class="label-sub">&nbsp;</label> 
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Cidade</label>
                        <input type="text" name="cidade" placeholder="Brasília">
                        <label class="label-sub">Cidade da Estação</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Estado</label>
                        <select name ="estado">
                            <option value="">Selecione</option>
                            <option>AC</option>
                            <option>AL</option>
                            <option>AM</option>
                            <option>AP</option>
                            <option>BA</option>
                            <option>CE</option>
                            <option>DF</option>
                            <option>ES</option>
                            <option>GO</option>
                            <option>MA</option>
                            <option>MG</option>
                            <option>MS</option>
                            <option>MT</option>
                            <option>PA</option>
                            <option>PB</option>
                            <option>PE</option>
                            <option>PI</option>
                            <option>PR</option>
                            <option>RJ</option>
                            <option>RN</option>
                            <option>RO</option>
                            <option>RR</option>
                            <option>RS</option>
                            <option>SC</option>
                            <option>SE</option>
                            <option>SP</option>
                            <option>TO</option>
                        </select>
                        <label class="label-sub">Escolha a UF</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">CEP</label>
                        <input type="text" name="cep">
                        <label class="label-sub">Cidade da Estação</label> 
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-20">
                        <label class="label-top">DDD</label>
                        <input type="text" name="ddd" maxlength="2">
                        <label class="label-sub">2 números</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">Telefone</label>
                        <input type="text" name="telefone" maxlength="9">
                        <label class="label-sub">Até 9 números</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">Celular</label>
                        <input type="text" name="celular" maxlength="9">
                        <label class="label-sub">Até 9 números</label> 
                    </div>
                    <div class="form-item width-40">
                        <label class="label-top">Endereço de Email</label>
                        <input type="text" name="email" placeholder="email@dominio.com.br">
                        <label class="label-sub">Confira seu email, por favor.</label> 
                    </div>
                </div>
                <hr />
                <div class="form-item title">
                    02 - INFORMAÇÕES SOBRE A ESTAÇÃO
                </div>
                <div class="form-item subtitle">
                    RADIOAMADOR Individual - Siglas RA, RE e RB
                </div>
                <div class="form-line">
                    <div class="form-item width-20">
                        <label class="label-top">RA TIPO</label>
                        <select name="tipora">
                            <option value="">Selecione</option>
                            <option value="RA">RA Colaborador</option>
                            <option value="RB">RB Bandeirante</option>
                            <option value="RE">RE Escoteiro</option>
                        </select>
                        <label class="label-sub">Sigla</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">RE - Grupo</label>
                        <input type="text" name="regrupo" maxlength="6" placeholder="006/DF">
                        <label class="label-sub">3 números/UF</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">RE - Registro</label>
                        <input type="text" name="reregistro" maxlength="8" placeholder="211999-4">
                        <label class="label-sub">Registro UEB</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">Insígnia RE</label>
                        <select name="insignia">
                            <option value="n">Não</option>
                            <option value="sa">Sim - Antiga</option>
                            <option value="sn">Sim - Nova</option>
                        </select>
                        <label class="label-sub">Especifique</label> 
                    </div>
                    <div class="form-item width-20">
                        <label class="label-top">Patrulheiro</label>
                        <input type="text" name="patrulheiro" maxlength="6" placeholder="PT447">
                        <label class="label-sub">PTnumeral</label> 
                    </div>
                </div>
                <div class="form-item subtitle">
                    ESTAÇÃO DE Grupo, Clube, LABRE ou Militar - CH, CL, CM, CE e CB
                </div>
                <div class="form-line">
                    <div class="form-item width-25">
                        <label class="label-top">Estação classe G</label>
                        <select name="tipoclube">
                            <option value="">Selecione</option>
                            <option value="CH">CH - Grêmio ou Clube</option>
                            <option value="CL">CL - Estação LABRE</option>
                            <option value="CM">CM - Estação Militar</option>
                            <option value="CE">CE - Grupo Escoteiro</option>
                            <option value="CB">CB - Núcleo Bandeirante</option>
                        </select>
                        <label class="label-sub">Selecione a Sigla</label> 
                    </div>
                    <div class="form-item width-75">
                        <label class="label-top">Operadores da Estação (Classe-Indicativo-Nome)</label>
                        <input type="text" name="operadores" placeholder="A-PT2BAT-Alexandre Perotto;A-PT2FE-Emerson Ferreira;">
                        <label class="label-sub">Preencher no formato acima, separando por hífen e ";"</label> 
                    </div>
                </div>
                <div class="form-item subtitle">
                    OUTRAS Características da Estação
                </div>
                <div class="form-line">
                    <div class="form-item width-25">
                        <label class="label-top">Operação</label>
                        <select name="operacao">
                            <option value="">Selecione</option>
                            <option value="fixa">Fixa ou Portátil</option>
                            <option value="CAMPO">CAMPO</option>
                            <option value="DEMO">DEMO</option>
                        </select>
                        <label class="label-sub">Tipo de Operação</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Comandante</label>
                        <select name="comandante">
                            <option value="">Selecione</option>
                            <option value="BP">Patrulha BP</option>
                            <option value="SA">Rodada SA</option>
                        </select>
                        <label class="label-sub">Selecione</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top" style="color: deeppink;">Equipe Nacional</label>
                        <select name="nacional">
                            <option value="">Não</option>
                            <option value="CN">CN - Coordenador</option>
                            <option value="ON">ON - Organizador</option>
                            <option value="EN">EN - Membro</option>
                        </select>
                        <label class="label-sub">Selecione a SIGLA</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top" style="color: deeppink;">Equipe Regional</label>
                        <select name="regional">
                            <option value="">Não</option>
                            <option value="CR">CR - Coordenador</option>
                            <option value="OR">OR - Organizador</option>
                            <option value="ER">ER - Membro</option>
                        </select>
                        <label class="label-sub">Selecione a SIGLA</label> 
                    </div>
                </div>
                <div class="form-item subtitle">
                    GRUPOS ESCOTEIROS presentes na Estação
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top" style="color: rgb(176, 16, 16);">Relação dos Grupos Escoteiros</label>
                        <input type="text" name="grupos" placeholder="002/DF 003/DF ...">
                        <label class="label-sub">Usar "ESPAÇO" entre as SIGLAS dos Grupos. </label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top" style="color: rgb(176, 16, 16);">Grupos sua UF</label>
                        <input type="text" name="grupossua" placeholder="0">
                        <label class="label-sub">Total de Grupos</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top" style="color: rgb(184, 114, 22);">Grupos outra UF</label>
                        <input type="text" name="gruposoutra" placeholder="0">
                        <label class="label-sub">Total de Grupos</label> 
                    </div>
                </div>
                <div class="form-item subtitle">
                    SIGLAS, PONTOS e PAÍSES CONTATADOS pela ESTAÇÃO
                </div>
                <div class="form-line">
                    <div class="form-item width-25">
                        <label class="label-top">Sigla Passada</label>
                        <input type="text" name="sigla">
                        <label class="label-sub">Sigla enviada</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Pontos passados</label>
                        <input type="text" name="pontos">
                        <label class="label-sub">Apenas o total</label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Países Contatados</label>
                        <input type="text" name="paises" placeholder="Brasil-Porto Rico-Índia-USA">
                        <label class="label-sub">Separar com hífen " - " </label> 
                    </div>
                    <div class="form-item width-25">
                        <label class="label-top">Total de Países</label>
                        <input type="text" name="totalpaises">
                        <label class="label-sub">Apenas o total</label> 
                    </div>
                </div>
                <hr />
                <div class="form-item title">
                    03 - LOGs DO JOTA
                </div>
                <div class="form-line">
                    <div class="form-item width-25">
                        <label class="label-top">Indicativo no JOTA</label>
                        <input type="text" name="indicativojota">
                        <label class="label-sub">Indicativo usado na atividade</label> 
                    </div>
                    <div class="form-item width-75">
                        <label class="label-top">LOG do JOTA em formato Cabrillo</label>
                        <input type="file" name="logjota">
                        <label class="label-sub">Renomeie seus LOGs para 56jota2013-INDICATIVO.LOG<br/>Depois de gerar o LOG Cabrillo, não edite, para evitar erros!</label> 
                    </div>
                </div>
                <hr/>
                <div class="form-item title">
                    04 - CARTÃO QSL E FOTO DA ESTAÇÃO
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Cartão QSL da estação (frente)</label>
                        <input type="file" name="qslfrente">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                    <div class="form-item width-50">
                        <label class="label-top">Cartão QSL da estação (verso)</label>
                        <input type="file" name="qslverso">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Envie uma foto da sua estação</label>
                        <input type="file" name="fotoestacao">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                    <div class="form-item width-50">
                        <label class="label-top">Legenda da Foto da Estação</label>
                        <input type="text" name="legendaestacao">
                        <label class="label-sub">&nbsp;</label> 
                    </div>
                </div>
                <hr/>
                <div class="form-item title">
                    05 - OUTRAS FOTOS DO JOTA
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Foto extra 1</label>
                        <input type="file" name="fotoextra1">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                    <div class="form-item width-50">
                        <label class="label-top">Legenda da Foto 1</label>
                        <input type="text" name="legendaextra1">
                        <label class="label-sub">&nbsp;</label> 
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Foto extra 2</label>
                        <input type="file" name="fotoextra2">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                    <div class="form-item width-50">
                        <label class="label-top">Legenda da Foto 2</label>
                        <input type="text" name="legendaextra2">
                        <label class="label-sub">&nbsp;</label> 
                    </div>
                </div>
                <div class="form-line">
                    <div class="form-item width-50">
                        <label class="label-top">Foto extra 3</label>
                        <input type="file" name="fotoextra3">
                        <label class="label-sub">MÁXIMO 200 kB, em jpg, jpeg, png ou gif</label> 
                    </div>
                    <div class="form-item width-50">
                        <label class="label-top">Legenda da Foto 3</label>
                        <input type="text" name="legendaextra3">
                        <label class="label-sub">&nbsp;</label> 
                    </div>
                </div>
                <hr/>
                <div class="form-item width-100" style="text-align: center;">
                    <span style="color: rgb(209, 16, 209); font-size: 12px;">Tudo preenchido? Releia e, se estiver certo, complete abaixo e clique em enviar. </span>
                </div>
                <div class="form-item width-100" style="text-align: center;">
                    <input type="submit" name="enviar" value="Enviar" id="submit-button">
                </div>
            </form>
        </div>
    </body>
</html>